import Vue from "vue";
import axios from "axios";
import jsonBig from "json-bigint";
import store from "../store/index";
import router from "../router/index";

axios.defaults.transformResponse = [
  function(data) {
    try {
      return jsonBig.parse(data);
    } catch {
      return {};
    }
  },
];
// 设置基地址
axios.defaults.baseURL = "http://ttapi.research.itcast.cn/app/v1_0";
// 请求拦截器
axios.interceptors.request.use(function(config) {
  // 发送请求前 如果有令牌 则将令牌加到请求头上
  let token = localStorage.getItem("token");
  if (token !== null) {
    config.headers.Authorization = `Bearer ${token}`;
    return config;
  }
  return config
});
// 相应拦截器
axios.interceptors.response.use(
  function(res) {
    return res;
  },
  async function (err) {
    // 如果请求失败，且原因是令牌过期
    if (err.response.status == 401) {
      // 删除掉原有的令牌
      localStorage.removeItem("token");
      store.commit("changeToken", "");
      // 取出用于刷新的令牌
      let refresh_token = localStorage.getItem("refresh_token");
      // 如果没有用于刷新的令牌则跳转登录页
      if (refresh_token == null) {
        return router.push("/login");
      }
      try {
        // 如果有用于刷新的令牌，则发起请求，刷新令牌
        const res = await axios({
          method: "PUT",
          url: "http://ttapi.research.itcast.cn/app/v1_0/authorizations",
          headers: {
            Authorization: `Bearer ${refresh_token}`,
          },
        });
        // 请求成功后更改数据
        store.commit("changeToken", res.data.data.token);
        localStorage.setItem("token", res.data.data.token);
        // 继续先前由于令牌过期而失败的请求
        return axios(err.config);
      } catch {
        // 如果用于刷新的令牌都过期了，则直接跳转登录页
        router.push("/login");
      }
    }
    return Promise.reject(err);
  }
);
Vue.prototype.$http = axios;
